<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="pragma" content="no-cache" />
		<link rel="stylesheet" type="text/css" href="css/font.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="./cordova.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.mobileEvent.js"></script>
		<script type="text/javascript" src="js/jquery.transit.min.js"></script>
  	<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<div class="wh back_img image_game">
			<!-- <div class="cloud_box image_game"></div> -->
				<div class="over wh">
					<div class="page_start page wh">
						<div class="game_logo">
							<img class="game_logo_image" src="./img/game_logo.png">
						</div>
						<div class="image_start">
							<img class="start_" src="./img/btn_play.png">
						</div>
						<div class="text_start">
							<div class="start_text">Swipe to choose the correct
								</br>answer as soon as possible
							</div>
						</div>
					</div>
					<div class="page_out_time page wh">
						<div class="image_start">
							<img class="out_" src="./img/out_of_time.png">
						</div>
					</div>
					<div class="page_error page wh">
						<div class="image_start">
							<img class="wrong_" src="./img/wrong_answer.png">
						</div>
					</div>
					<div class="page_restart page wh">
						<div class="image_Continue image_game">
							<img class="back_white" src="./img/end_score_bg.png">
							<div class="head_img head_nopass_img image_game"></div>
							<div class="text_restant1">Your Score:<span class="worng_t"></span>/20</div>
							<div class="statistical">
								<div class="wh statistical_pr">
									<div class="statistical_box"></div>
								</div>
							</div>
							<div class='text_continue2'>GAME OVER!!!
								<!-- <br>Only 6 out of 10 people could pass <br>this level -->
							</div>
							<div class="restant image_game"></div>
						</div>
					</div>
					<div class="page_Continue page wh">
						<div class="image_Continue image_game">
							<img class="back_white" src="./img/end_score_bg.png">
							<div class="head_img image_game"></div>
							<div class="text_continue1">Your Score:20/20</div>
							<div class="statistical">
								<div class="wh statistical_pr">
									<div class="statistical_box"></div>
								</div>
							</div>
							<div class='text_continue2'>CONGRATULATIONS!!!
								<!-- <br>Only 6 out of 10 people could pass <br>this level -->
							</div>
							<div class="next_checkpoint restant image_game"></div>
						</div>
					</div>

				</div>
				<div fx='left' class="left_answer answer_place"></div>
				<div fx='right' class="right_answer answer_place"></div>
				<img class="w cloud" src="./img/clouds.png">
				<div class="er_box">
					<div class="wh pr">
						<table class="problem"><tr><td class="problem_td"></td></tr></table>
						<img class="parachute" src="./img/balloon_normal.png">
					</div>
				</div>
				<div class="image_down image_game"></div>
				<table class="bottom_text"><tr><td>ADVERTISEMENT</td></tr></table>
		</div>
	</body>
</html>
